   <script setup>
import GoodsList from "@/components/goodsList.vue";
import NavBar from "@/components/NavBar.vue";
import BottomBar from "@/components/BottomBar.vue";
import {useRouter} from "vue-router";
const router = useRouter()
import {ref} from "vue"
const radio = ref('')
const handleConfirm = () => {
  router.push('/inStock')
}
</script>

<template>
  <NavBar title="选择商品"></NavBar>
  <div class="height">
    <div class="elasticity backgroundColor roundCorner p-[5px] ">
      <van-field name="radio" label="全部类型">
        <template #input>
          <van-radio-group v-model="radio" direction="horizontal">
            <van-radio name="1">只看有库存</van-radio>
          </van-radio-group>
        </template>
      </van-field>
    </div>
    <div class="style1">
      <GoodsList></GoodsList>
    </div>
  </div>
  <BottomBar
      text="确认"
      @confirm="handleConfirm"
  />
</template>

<style scoped>

</style>